<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>员工信息管理系统</title>
	<script src="vue.js"></script>
	<script src="vue-router.js"></script>
	<link rel="stylesheet" href="elementui.min.css">
	<script src="elementui.min.js"></script>
	<script src="axios.min.js"></script>
	<link rel="stylesheet" href="style.css">
	<script>
	</script>
</head>
<body>
	<p></p>
	<div id="root">
		<el-menu mode="horizontal" :default-active="this.$route.path" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" class="menu" :router="true">
			<el-menu-item index="0">
				<i class="el-icon-menu"></i>
				<span>首页</span>
			</el-menu-item>
			<el-menu-item index="/" route="/">员工管理</el-menu-item>
			<el-menu-item index="/checkon" route="/checkon">考勤管理</el-menu-item>
		</el-menu>

		
		<router-view></router-view>
		
	</div>

	<script type="module">
		import checkon from "./components/checkon.js"
		import ems from "./components/ems.js"

		// 声明路由规则
		const routes = [
			{
				path:"/",
				component:ems
			},
			{
				path:"/checkon",
				component:checkon
			},
		]

		var router = new VueRouter({
			routes
		})

		var root = new Vue({
			el:"#root",
			data:{
			},
			router
		})
	</script>
</body>
</html>